﻿.index-swipe .swiper-navi ul, #main-onair, .prd-list ul, .item-module.bannerTypeC ul, .flex-cube-box .figure-group, .category-tab ul { *zoom:1
}
.index-swipe .swiper-navi ul:after, #main-onair:after, .prd-list ul:after, .item-module.bannerTypeC ul:after, .flex-cube-box .figure-group:after, .category-tab ul:after { content: ''; display: block; clear: both }
.item-module.bannerTypeC li .copy, .item-module.typeA .prd-name, .item-module.typeAL .prd-name, .item-module.typeC .prd-name { overflow: hidden; text-overflow: ellipsis; white-space: nowrap }
.swipe-info .sticker-deal, #main-onair .onair-benefit { background: url("../../images/new/sprite_common.png") no-repeat }
.swipe-info .sticker-deal, #main-onair .onair-benefit { display: inline-block; width: 24px; height: 24px; vertical-align: middle }
.swipe-info .sticker-deal, #main-onair .onair-benefit { font: 0/0 m; color: transparent; content: '' }
#main-onair .price-gs, .item-module.typeC .price-gs, #main-onair .price-discount, .item-module.typeC .price-discount { padding-top: 6px }
#main-onair .set-price>strong, .item-module.typeC .set-price>strong { font-size: 19px }
#doc-container { background: #f0f1f3 }
#doc-contents { padding-bottom: 50px }
#sky-scraper { margin-top: -1px }
#main-index { height: 459px; border-bottom: 1px solid #d9d9d9 }
.sect { position: relative; margin-top: 40px }
.swipe-info { position: absolute; left: 0; top: 0; padding: 80px 0 0 68px }
.swipe-info .def-title { font-size: 32px; line-height: 42px; letter-spacing: -2px; white-space: nowrap }
.swipe-info .def-title>span { display: block; color: #333 }
.swipe-info .def-desc { padding-top: 20px; height: 56px; line-height: 36px }
.swipe-info .def-desc>span { display: inline-block; vertical-align: bottom }
.swipe-info .def-gs { width: 56px; margin-right: 5px; line-height: 35px; font-size: 23px; color: #ec1f60 }
.swipe-info .def-gs>span { font-size: 26px }
.swipe-info .def-percent { width: 56px; margin-right: 5px; line-height: 35px; font-size: 23px; color: #ec1f60 }
.swipe-info .def-percent>span { font-size: 26px }
.swipe-info .def-price { position: relative; top: -1px; line-height: 35px; color: #333; font-size: 20px }
.swipe-info .def-price strong { font-size: 30px; font-family: verdana; letter-spacing: -1px; vertical-align: -3px }
.swipe-info .def-extra { padding-top: 32px }
.swipe-info .def-merit { display: inline-block; overflow: hidden; height: 26px; line-height: 23px; padding: 0 5px; color: #333; border: 1px solid #bbb }
.swipe-info .sticker { position: absolute; left: 19px; top: 18px }
.swipe-info .sticker-deal { position: absolute; top: 52px; left: 66px; width: 104px; height: 30px; background-position: -100px -220px }
.swipe-info .advantage { padding-top: 28px }
#main-index { margin-bottom: 30px }
#main-index .doc-wrap { position: relative }
.index-swipe { position: relative; width: 712px; height: 518px; }
.index-swipe .swiper-stage { position: relative; overflow: hidden; height: 403px; z-index: 1 }
.index-swipe .swiper-stage li { display: none; position: relative; float: left; width: 100% }
.index-swipe .swiper-stage li.on { display: block; z-index: 1 }
.index-swipe .swiper-stage li>a { display: block; height: 403px }
.index-swipe .swiper-stage li>a:hover { text-decoration: none }
.index-swipe .swiper-stage .ban-bigthum { position: absolute; top: 0; right: 0; width: 714px; height: 403px; overflow: hidden }
.index-swipe .swiper-stage .ban-bigthum img { width: 714px; height: 403px; }
.index-swipe .swiper-navi { overflow: hidden; position: absolute; top: 403px; left: 0; right: 0; height: 116px; background: #fff; z-index: 5 }
.index-swipe .swiper-navi:before { content: ''; display: block; position: absolute; top: 0; right: 0; bottom: 0; left: 0; border: 1px solid #f2f2f2; border-bottom-color: #d9d9d9 }
.index-swipe .swiper-navi ul { }
.index-swipe .swiper-navi li { position: relative; float: left; width: 81px; height: 116px; margin-bottom: -1px; text-align: center }
.index-swipe .swiper-navi li a { display: block; overflow: hidden; height: 116px }
.index-swipe .swiper-navi li a>img { width: 77px; height: 96px; margin: 2px }
.index-swipe .swiper-navi li.on a { border: 2px solid #09f; z-index: 10 }
.index-swipe .swiper-navi li.on a>img { margin: 0 }
.index-swipe .swiper-navi .sticker { position: absolute; top: 5px; left: 0; right: 0; text-align: center }
.index-swipe .swiper-navi .btn-all-view { position: absolute; top: 1px; bottom: 1px; right: 1px; width: 42px; background: #f7f7f7 }
.index-swipe .swiper-navi .btn-all-view i { position: absolute; top: 45px; right: 10px; opacity: 0.4 }
.index-swipe .swiper-navi .btn-all-view:hover i { opacity: 0.7 }
.index-swipe .swiper-navi .gui-btn { display: none; position: absolute; top: 42px; z-index: 10 }
.index-swipe .swiper-navi .thumb-prev { left: -1px }
.index-swipe .swiper-navi .thumb-next { right: 43px }
.index-swipe .swiper-navi.on { height: auto }
.index-swipe .swiper-navi.on ul { margin: 0 !important }
.index-swipe .swiper-navi.on:before { border-color: #09f }
.index-swipe .swiper-navi.on .btn-all-view i { opacity: 1 }
.index-swipe .swiper-navi.on .gui-btn { display: none }
.index-swipe .swiper-navi .ban-thum { position: absolute; top: 10px; left: 50%; margin-left: -27px; width: 55px; height: 55px;/* border-radius: 50%; */overflow: hidden }
.index-swipe .swiper-navi .ban-thum>img { width: 60px; height: 60px; margin-left: -2px; margin-top: -2px }
.index-swipe .swiper-navi .ban-thum-name { position: absolute; bottom: 15px; left: 0; right: 0; height: 15px; line-height: 15px; text-align: center; font-size: 12px; color: #333; overflow: hidden; font-family: "돋움", Dotum; letter-spacing: -1px }
.over .swiper-navi .gui-btn, .swiper-navi:hover .gui-btn, .swiper-navi .gui-btn:hover { display: block }
.win .def-gs>span { vertical-align: -2px }
